/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
}
*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body { margin: 0 auto; overflow-x: hidden; color: #666; font: 14px 'Microsoft Yahei',Arial, sans-serif;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color: #666; cursor: pointer;}
a:hover{color:#003f94;}
s, i { font-style: normal;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option{ border:0; outline:none; cursor: pointer;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}

/*top*/
.top{ border-bottom: 1px solid #ebebeb; background: #eee;}
.top .content{ line-height: 45px; color: #666; font-size: 12px;}
.top .iconfont{ vertical-align: middle; font-size: 18px; color: #898989; padding-right: 5px;}
.top p a { display: block; float: left; padding: 0 8px; color: #666;}
.top .yyselect { background: url(../image/la.png) no-repeat 8px center #fff; padding-left: 23px; font-size: 16px; border: 1px solid #666 ; border-radius: 50px; float: left; margin: 9px 14px 0 0;}
.top select, .top option{ padding: 3px 5px; cursor: pointer;}

/*head*/
.head{ margin: 20px auto;}
.head .logo img{ height: 90px; width: auto;}
.head .lg_nr{ padding-left: 22px; margin-top: 5px; line-height: 35px; color: #333; letter-spacing: 1px;}
.head .lg_nr p{ font-size: 30px; margin: 0; letter-spacing: 3.8px;}
.head .lg_nr h1{ font-size: 27px; font-weight: 100;}
.head .lg_nr h1 span{ color: #003f94; font-weight: bold;}
.head .tb_tel{ float: right; font-size: 16px; background: url(../image/htel.jpg) no-repeat left center; background-size: 70px 70px; padding-left: 80px;  margin-top: 17px;}
.head .tb_tel p a{ font-size: 30px; color: #003f94; line-height: 36px;}

/* nav */
.nav{ background-color: #003f94; background-image: linear-gradient(#0f60ce, #003f94);}
.nav-fix{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
.nav .content{ overflow: visible;}
.nav ul li{ position: relative; width: 12.5%;}
.nav ul li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav ul li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color: #fff; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 15px;}
.nav ul li a {display: block;text-align: center;text-decoration: none;color: #fff;line-height: 55px;font-size: 16px;transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav ul li:hover>a , .nav ul li.active>a{color: #fff;background: #2270da;}
.nav .dropdown-box{ display: none;}
.nav li.open .dropdown-box{ display: block;}
.nav .dropdown-box{position: absolute;border-top: 2px solid #003f94;left: 0;width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav ul li:hover .dropdown-box{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .dropdown-box a{display: block;font-size: 14px;background: #003f94;border-bottom: 1px solid #2270da;color: #fff;padding:0 5px;line-height: 47px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover {background: #2270da;color: #fff;}
.nav .nav2 .dropdown-box2{ position: absolute; left: 100.5%; top: 0; visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav .nav2:hover .dropdown-box2{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .nav2 .dropdown-box2 a{ line-height: 40px;}

/* banner */
.banner{ width: 100%; overflow: hidden;}

/* search */
.search{ background: #f5f5f5; height: 60px;}
.search .keyword { display: inline-block; line-height: 60px;}
.search .keyword strong { margin-right: 15px; color: #333;}
.search .keyword a { display: inline-block; font-size: 12px; margin-right: 5px; }
.search .keyword a:hover { text-decoration: underline;}
.search .ssnr{ float: right; padding-top: 14px;}
.search .ssnr input{ width: 276px; line-height: 20px; color: #666; border: 1px solid #d3d3d3; float: left; padding: 5px 15px;}
.search .ssnr input:focus{ outline: none;}
.search .ssnr button{ border: 0; background: #003f94; width: 80px; height: 32px; color: #fff; float: left; cursor: pointer;}

/*公共标题*/
.comtit h2{ text-align: center; position: absolute; width: 100%; margin-top: 10px; font-size: 40px; color: #000; font-weight: 100; background: url(../image/com_t1.png) no-repeat bottom center; padding-bottom: 20px;}
.comtit h2 span{ font-weight: bold;}
.comtit i{ font-size: 100px; color: #f5f5f5; font-style: normal; display: block; text-align: center; font-weight: bold; text-transform: uppercase;}
.comtit p{ text-align: center; font-size: 22px; margin-top: -40px; margin-bottom: 40px;}

/* video */
.video{ background: #eee; padding: 80px 0;}
.video video{ width: 100%; height: auto;}

/* product */
.product{ padding: 80px 0;}
.product .profl{ width: 100%; display: inline-block; text-align: center; padding-bottom: 60px;}
.product .profl li{ display: inline-block; padding: 14px 40px; background: #201815; margin: 2px; color: #fff; background-size: 100% 200%; background-image: linear-gradient(to bottom, #201815 50%, #003f94 50%); transition: background-position .5s; }
.product .profl li:hover, .product .profl li.on{ background-position: 0 100%;}

.pronr{width:110%; float:left}
.pronr li{ width:285px; background:#fff; text-align:center; margin-right:20px; margin-bottom:25px; border:2px solid #e7e7e7; box-shadow:1px 1px 3px #e7e7e7 ;}
.pronr li h1{ width:90%; margin:0 auto; height:40px; margin-top:10px; line-height:40px; font-size:16px;overflow: hidden;}
.pronr li i{ color:#003f94; margin-right:10px;}
.pronr li .imgdw{ display: inline-block; position: relative; width: 100%; height: 200px; overflow: hidden;}
.pronr li .imgdw::before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5) url(../image/ss.png) no-repeat center center; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all ease .6s; -webkit-transition: all ease .6s;}
.pronr li img{ object-fit: cover; width: 100%; height: 100%; margin: 0 auto;}
.pronr li p{ line-height:36px; padding-bottom:10px; font-weight:500; font-size:16px}
.pronr li span{ width:100%; float:left; border-top:1px solid #f2f2f2;}
.pronr li span a{ display:inline-block; border:1px solid #003f94; color:#003f94; padding:6px 15px; margin:10px 10px; border-radius:25px;}
.pronr li:hover .imgdw::before{transform: scale(1,1);-webkit-transform: scale(1,1);}
.pronr li:hover h1{ color:#003f94}
.pronr li:hover i{ color:#ddd}
.pronr li span a:hover{ background:#003f94; color:#fff;}

/* gg */
.gg_one{ background: url(../image/gg_one.jpg) no-repeat top center; padding: 30px 0;}
.gg_one .gg_tu{ float:left; width: 500px; height: 245px; border: 5px solid #fff; border-radius: 10px; overflow: hidden;}
.gg_one .gg_tu img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.gg_one .gg_tu img:hover{ transform: scale(1.2);}
.gg_one .gg_tit{ float:right; width: 650px; overflow: hidden; color:#fff; padding-top: 28px;}
.gg_one .gg_tit p{ font-size:30px; font-weight:100; line-height: 60px;}
.gg_one .gg_tit h2{ font-size:36px; font-weight:bold; margin-bottom: 30px; letter-spacing: 2px;}
.gg_one .gg_tit .lx_tel{ background: url(../image/tel.png) no-repeat 13px center; border: 2px solid rgba(255,255,255,0.5); padding-left: 56px; font-size: 18px; line-height: 40px; float: left;}
.gg_one .gg_tit .lx_tel span{ font-size: 30px; font-weight: normal;}
.gg_one .gg_tit .lx_tel a{ background: #f5bb1f; font-size: 24px; font-weight: normal; color: #fff; padding: 3px 16px 4px 16px; display: block; float: right; margin-left: 10px;}
.gg_one .gg_tit .lx_tel a:hover{ background: #fff; color:#f5bb1f;}

/* youshi */
.ys{ margin: 100px 0;}
.ys01{ height: 530px;}
.ys01 dl{ padding: 65px 0 0 110px;}
.ys01 dl dt{ font-size: 30px; font-weight: bold; color: #201815; padding-left: 30px; height: 106px;}
.ys01 dl dt em{ display: block; font: 12px Arial; text-transform: uppercase; color: #999; padding: 18px 0 20px; letter-spacing: 2px;}
.ys01 dl dd{ padding: 0 0 0 30px;}
.ys01 dl dd p{ font-size: 15px; line-height: 24px; margin: 5px 0 17px; width: 413px;}
.ys01 dl dd p i{ color: #003f94; font-style: normal;}
.ys01 dl dd span a{ display: block; width: 157px; text-align: center; height: 40px; line-height: 41px; color: #fff; margin: 47px 0 0 -20px; text-decoration: none; background-size: 100% 200%; background-image: linear-gradient(to bottom, #003f94 50%, #201815 50%); transition: background-position .5s;}
.ys01 dl dd span a:hover{ background-position: 0 100%;}
.ys02 dl{ float: right;}
.ys02 dl dd p{margin: 15px 0 35px;}
.ys04 h2{ font-size: 30px; color: #201815; padding-left: 137px; height: 155px; padding-top: 6px;}
.ys04 h2 em{ display: block; font: 12px Arial; text-transform: uppercase; color: #999; padding: 23px 0 20px; letter-spacing: 2px;}
.ys04 li{ width: 384px; float: left; margin-right: 21px; position: relative; border: 1px solid #eee; border-radius: 8px;}
.ys04 li a{ display: block; text-decoration: none; color: #000;}
.ys04 li img{ display: block; height: 240px;}
.ys04 li em{ display: block; width: 78px; height: 89px; background: url(../image/ys-bq.png) no-repeat center top; font-size: 18px; color: #fff; line-height: 80px; text-align: center; position: absolute; top: 0; left: 0;}
.ys04 li p{ padding: 25px; background: #fcfcfc; font-size: 16px; text-align: center; line-height: 26px;}
.ys04 li a:hover p{ background: #003f94; color: #fff; border-radius: 0 0 10px 10px;}
.ys04 li:last-child{ margin-right: 0;}

.yst{ margin-top: 20px;}
.yst li{ width: 25%; height: 166px; overflow: hidden; font-size: 28px; text-align: center;}
.yst li a{ display: block; color: #333; padding-top: 44px; padding-bottom: 24px; background: url(../image/ysa.png) no-repeat center top;}
.yst li em{ display: block; width: 42px; height: 40px; margin: 0 auto 4px;}
.yst li i{ display: block; font: 12px Arial; color: #999; text-transform: uppercase; padding-top: 5px;}
.yst li a:hover, .yst .on a{ background: url(../image/ysa-h.png) no-repeat center top; color: #fff;}
.yst li a:hover em, .yst .on em{ background-position: 0 -40px!important;}
.yst li a:hover i, .yst .on i{ color: #fff;}

/* news */
.news{ background: #eee; padding: 50px 0 100px; margin-top: 120px;}
.news-list li{ float: left; width: 585px; padding: 17px 20px 16px; overflow: hidden; background: #fff; margin-bottom: 12px; background-size: 100% 200%; background-image: linear-gradient(to bottom, #fff 50%, #003f94 50%); transition: background-position .5s; }
.news-list li:first-child{ height: 368px; margin-bottom: 20px !important; margin-right: 30px !important; padding: 9px 9px 0 9px;}
.news-list li .news-img{ width: 567px; height: 287px; margin-bottom: 10px;}
.news-list li .news-img img{ width: 100%; height: 100%;  object-fit: cover;}
.news-list li .news-intro{ position: relative; height: 50px; padding-left: 98px; overflow: hidden;}
.news-list li .news-intro h3{ margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.news-list li .news-intro span{ position: absolute; left: 0; top: 0; margin: 10px; font-size: 25px; font-weight: 700; color: #bbb;}
.news-list li .news-intro p{ color: #999;line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list li:hover{ background-position: 0 100%;}
.news-list li:hover .news-intro h3{ color: #fff;}
.news-list li:hover .news-intro span{ color: #fff;}
.news-list li:hover .news-intro p{ color: #ccc;}

/* about */
.about{ border-top: 8px solid #003f94; padding: 50px 0; overflow: hidden;}
.about .comtit h2{ color: #fff; background: url(../image/com_t2.png) no-repeat bottom center;}
.about .comtit h2 span, .about .comtit p{ color: #fff;}
.about .comtit i{ color: #595959; opacity: .1;}
.about .comtit:hover p{ color: #003f94;}

.about .aboutnr{ width:100%; text-align:center}
.about .aboutnr p{ width: 65%; margin: 0 auto; line-height: 45px; font-size: 15px; text-align: center; color:#fff}
.about .aboutnr a{ margin: 0 10px; padding:2px 10px; background:#003f94; color:#fff;border-radius:25px;}
.about .aboutnr .aboutlx{ width: 100%; text-align: center;}
.about .aboutnr .aboutlx a{ display:inline-block; font-size:18px; margin-top:40px; padding:8px 30px; color:#fff;border-radius:25px; background-size: 100% 200%; background-image: linear-gradient(to bottom, #003f94 50%, #fff 50%); transition: background-position .5s; }
.about .aboutnr .aboutlx a:hover{ background-position: 0 100%; color: #003f94;}

#aboutfl{ margin-bottom: 40px; width: 100%; padding: 35px 3%; background: #f3f3f3; margin-top: 60px;}
.about .tab_li{ margin: 30px 0 50px 0;}
.about .tab_li ul li{ width: 20%; height: 60px; float: left; padding: 0 2%; position: relative;}
.about .tab_li ul li:before{ content: "";width: 1px;height: 100%;background: #e8e9e9;position: absolute;top: 0;left: 0;}
.about .tab_li ul li:first-child:before{ background: none;}

.about .tab_li ul li em{ display: block;float: left;line-height: 0;overflow: hidden;width: 55px;height: 55px;}
.about .tab_li ul li em img{ width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.about .tab_li ul li span{ display: block;float: left;line-height: 26px;padding: 5px 0 0 15px;}
.about .tab_li ul li i{ display: block; font-size: 16px; color: rgba(51,51,51,0.2); text-transform:capitalize;}
.about .tab_li ul li a{ font-size: 20px;color: #202428;}
.about .tab_li ul li.cur a{ font-weight: bold; color: #003f94;}
.about .tab_li ul li.cur i{ font-weight: normal;}
.about .tab_li ul li.cur em img{ margin-top: -55px;}
.about .roll3, .about .roll4 { margin-top: 66px; width: 30px; height: 84px; overflow: hidden; }
.about .roll3 a, .about .roll4 a { display: block; width: 30px; height: 84px; background: url(../image/roll-1.png) no-repeat; }
.about .roll3 { float: left; }
.about .roll4 { float: right; }
.about .roll4 a { background: url(../image/roll-2.png) no-repeat; }
.about .slide_c { width: 1030px; float: left; margin-left: 20px; overflow: hidden; }
.about .slide_c ul li{ width: 250px; margin-right: 9px; line-height: 0px; float: left; background: #fff;}

.about .slide_c ul li em{ width: 100%; height: 160px; padding: 10px 10px 0; display: block;line-height: 0;overflow: hidden;}
.about .slide_c ul li img{ width: 100%; height: 100%; object-fit: contain; transition: all 0.6s;}
.about .slide_c ul li img:hover{ transform: scale(1.2);}
.about .slide_c ul li span{ display: block; text-align: center; margin: 10px; line-height: 35px;font-size: 14px;color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about .slide_c ul li span{ position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;}
.about .slide_c ul li span:before{ content: ""; position: absolute; z-index: 1; left: 0; right: 100%; bottom: 0; background: #003f94; height: 2px; -webkit-transition-property: right;  transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.about .slide_c ul li span:after{ content: "";width: 100%;height: 1px;background: #d9d9d9;position: absolute;bottom: 0;left: 0;}
.about .slide_c ul li:hover span:before {right: 0;}
.about .slide_c ul li:hover span{font-weight: bold;color: #003f94;}
.about .slide_c p{width: 20px;height: 30px;position: absolute;top: 72px;z-index: 10;}
.about .slide_c p a{display: block;width: 20px;height: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}

/* link */
.link{ border-top: solid 1px #ededed;}
.link .content{ background: url(../image/link.jpg) no-repeat left center; line-height: 30px; padding: 20px 0 20px 90px;}
.link .linknr a { display: inline-block; font-size: 14px; margin-right: 5px;}
.link .linknr a:hover { text-decoration: underline;}

/* foot */
.foot{ background: #333; padding: 40px 0; color: #999;}
.foot .content div{ margin-right: 60px;}
.foot div p{ font-size: 18px; color: #fff; margin-bottom: 30px;}
.foot a{ color: #999;}
.foot a:hover{ color: #fff;}

.foot .content .lx_nr li{ line-height: 38px;}
.foot .content .lx_nr li .iconfont{ vertical-align: middle; margin-right: 10px; font-size: 28px;}
.foot .content .liuy .nr{ border: 1px solid #999; color: #999; margin: 5px 0; background: none; height: 35px;  text-indent: 20px; width: 300px;}
.foot .content .liuy textarea{ border: 1px solid #999; color: #999; background: none; width: 300px; padding: 10px 20px; margin: 5px 0; height: 80px;}
.foot .content .liuy textarea::-webkit-input-placeholder{ font-size: 14px; color: #666; font-family: "微软雅黑";}
.foot .content .liuy .submit { width: 105px; height: 38px; background: #fff; border: 0;}
.foot .content .foot-nav{ margin-right: 20px;}
.foot .content .foot-nav p{ margin-bottom: 23px;}
.foot .content .foot-nav .daohang{ line-height: 37px; text-align: left; font-size: 15px;}
.foot .content .foot-nav .daohang a{ display: block;}
.foot .content .db_ewm{ margin-right: 0;}
.foot .content .db_ewm li{ float: left; text-align: center; margin-bottom: 12px; margin-top: 26px; margin-right: 20px;}
.foot .content .db_ewm li img{ max-width: 106px;}
.foot .content .db_ewm li p { color: #999; font-size: 12px; line-height: 44px;}

/* bq */
.bq{ background: #003f94; line-height: 62px; text-align: center; color: #ccc;}
.bq a{ color: #ccc; text-decoration: none;}
.bq a:hover{ color: #fff;}
.bq a img{ vertical-align: middle;}

/* kefu */
.site-sideTool{ position: fixed; right:5px; top: 300px; z-index: 50;}
.site-sideTool .iconfont{ font-size: 28px;}
.site-sideTool .sideTool-main{ padding:0px 0px; text-align: center; color:#fff;}
.site-sideTool .sideTool-main ul li{ border-bottom: 1px solid #fff;}
.site-sideTool .sideTool-main ul li > a{ background: #f2f2f2; display: block; width:60px; height: 60px; line-height: 60px; color: #777; font-size: 24px;}
.site-sideTool .sideTool-main ul li > a:hover{ background: #003f94; color: #fff;}
.sideTool-main ul li .d{display:none;width:225px;background:#fff;position:absolute;right:65px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); color:#222; text-align:left; font-size:13px;}
.sideTool-main ul li .d .arrow{position:absolute;width:8px;height:12px;background:url(../image/side_bg_arrow.png) no-repeat;right:-8px;top:23px;}
.sideTool-main ul li .d-service{top:0;}
.sideTool-main ul li .d-service-phone{top:66px;}
.sideTool-main ul li .d-qrcode{top:185px;}
.sideTool-main ul li .d-qrcode2{top:245px;}
.sideTool-main ul li .d .inner-box{padding:8px 22px 12px;}
.sideTool-main ul li .d-service-item{border-bottom:0px solid #eee;padding:14px 0;}
.sideTool-main ul li .d-service .d-service-item{border-bottom:none;}
.sideTool-main ul li .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.sideTool-main ul li .d-service-item .i-qq{width:44px;height:44px;background:url(../image/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.sideTool-main ul li .d-service-item:hover .i-qq{background-position:center 3px;}
.sideTool-main ul li .d-service-item .i-tel{width:44px;height:44px;background:url(../image/side_con_icon02.png) no-repeat center center;display:block;}
.sideTool-main ul li .d-service-item h3{font-size:15px;margin:0 0 0 55px; font-weight:400;}
.sideTool-main ul li .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.sideTool-main ul li .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.sideTool-main ul li .d-service-intro{padding-top:10px;}
.sideTool-main ul li .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.sideTool-main ul li .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.sideTool-main ul li .d-qrcode{text-align:center;}
.sideTool-main ul li .d-qrcode .inner-box{padding:20px 0;}
.sideTool-main ul li .d-qrcode p{font-size:16px;color:#93959c;}
.sideTool-main ul li .d-qrcode2{text-align:center;}
.sideTool-main ul li .d-qrcode2 .inner-box{padding:20px 0;}
.sideTool-main ul li .d-qrcode2 p{font-size:16px;color:#93959c;}

.sideTool-txt,.sideTool-ewmtxt{ line-height: 22px;}
.sideTool-txt{ margin:10px 0 10px 0}
.sideTool-ewmtxt{ margin-top:5px;}
.sideTool-up{ text-align: center;}
.sideTool-up a{ background: #999; display: block; width:60px; height: 60px; line-height: 60px; color: #fff; font-size: 24px;}
.sideTool-up a:hover{ background: #003f94;}

/* nybanner */
.nybanner{ width: 100%; height: 300px; overflow: hidden; border-bottom: 5px solid transparent; border-image: url(../image/banner_bottom.jpg) 30 stretch; position: relative; -webkit-border-image: url(../image/banner_bottom.jpg) 30 stretch; /* Safari 3.1-5 */ -o-border-image: url(../image/banner_bottom.jpg) 30 stretch; /* Opera 11-12.1 */}
.nybanner:before { content: ''; display: block; width: 100%; height: 100%; overflow: hidden; position: absolute;	left: 0px; 	top: 0px;  background: repeat center / cover; animation: imgScale 15s .1s linear infinite; -webkit-animation: imgScale 15s .1s linear infinite;}
.nybanner div{ padding-top: 80px; padding-left: 50px;}
.nybanner h1{ font-size: 32px; padding-bottom: 10px;}
.nybanner p{ text-transform: uppercase; font-size: 15px;}
.nybanner2 div, .nybanner4 div, .nybanner36 div{ color: #d9d9d9;}
@keyframes imgScale{ 0%{transform:scale(1);} 50%{transform:scale(1.3);} 100%{transform:scale(1);}}

/* ny comm */
.nynr{ margin: 40px auto 80px auto;}
.nyzc{ width: 240px; margin-right: 30px; overflow: hidden;}
.nyzc .zc-flm{ padding:18px 0; color:#fff; text-align:center; font-size:26px; background-color:#003f94; font-weight:bold;}
.nyzc .zc-zlm{ border: 5px solid #003f94; padding:5px 10px;}
.nyzc .zc-zlm .zlmmc{ width: 100%; height: 48px; line-height: 48px; margin: 10px 0; background: #e7e7e7 url(../image/ico_1.png) no-repeat 185px center; padding-left: 25px; padding-right: 28px; overflow: hidden;}
.nyzc .zc-zlm .zlmmc a{ display: block; width: 95%; color: #333; font-size: 16px;}
.nyzc .zc-zlm .zlmmc:hover{ background: #003f94 url(../image/ico_1.png) no-repeat 185px center;}
.nyzc .zc-zlm .zlmmc:hover a, .nyzc .zc-zlm .zlmmc.active a{ color: #fff;}
.nyzc .zc-zlm .zlmmc.active{ background: #003f94 url(../image/ico_2.png) no-repeat 185px center;}
.nyzc .zc-zlm .currentlm{ background: #e7e7e7 url(../image/ico_2.png) no-repeat 185px center;}
.nyzc .zc-zlm .sanji{ display: none; background: #f4f4f4;}
.nyzc .zc-zlm .sanji li{ width: 100%; line-height: 40px; padding-left: 25px; overflow: hidden;}
.nyzc .zc-zlm .sanji li a{ display: block; width: 100%; font-size: 15px;}
.nyzc .zc-zlm .sanji li.active, .nyzc .zc-zlm .sanji li:hover{ background: #003f94;}
.nyzc .zc-zlm .sanji li.active a, .nyzc .zc-zlm .sanji li:hover a{ color: #fff;}
.nyzc .com_lxtu{ width: 100%; padding-top: 40px;}
.nyzc .com_lx{ width: 100%; background: #e7e7e7; padding: 20px 0; border-bottom: 8px solid #003f94;}
.nyzc .com_lx dt{ float: left; background: url(../image/dh.png) no-repeat center; width: 72px; height: 50px;}
.nyzc .com_lx dd{ margin-left: 55px; color: #003f94; padding: 5px 13px;}
.nyzc .com_lx dd span{ font-size: 13px;}
.nyzc .com_lx dd p{ font-size: 20px; font-family: "Arial";}

.nyyc{ width: 930px;}
.nyyc .mbx{ border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 30px;}
.nyyc .mbx span{ border-left:4px solid #003f94; color: #003f94; font-size: 16px; line-height:30px; padding-left:15px;font-weight: bold;}
.nyyc .mbx p{ float: right;}
.nyyc .mbx p i{ color: #003f94;}
.nyyc .mbx p a{ margin: 0 5px;}
.nyyc .nycontent p{ font-size: 16px; line-height: 2.5em; color: #333;}
.nyyc .nycontent p img{ max-width: 800px; height: auto;}
.nyyc .change{ margin-top: 30px;}
.nyyc .change p{ font-size: 14px; line-height: 2em;}

/* ny danye */
.nyyc .danye{ width: 100%;}
.nyyc .danye p{ font-size: 16px; line-height: 2em; letter-spacing: .5px;}
.nyyc .danye p img{ max-width: 100%; height: auto;}

/* ny contact */
.nyyc .lianxi h3{ font-size: 24px; color: #2270da;}
.nyyc .lianxi h3 span{ font-size: 20px;}
.nyyc .lianxi .lxnr{ border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 10px 0; margin: 20px 0; font-size: 16px; line-height: 2.5em;}
.nyyc .lianxi .lx-tip{ font-size: 18px; padding-bottom: 30px;}

/* ny message */
.message {background-color: #f2f2f2;padding: 50px;max-width: 1000px;margin: 0 auto;}
.message form {overflow: hidden;display: block;margin: -30px 0 0 -60px;}
.message .form-group {float: left;margin: 30px 0 0 60px;width: 385px;}
.message .form-label {display: block;margin-bottom: 10px;}
.message .form-label span {color: red;}
.message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 10px 15px;}
.message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
.message .form-submit {display: block;background: #003f94;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 16px;width: 280px;margin: 0 auto;}
.message .form-submit:hover{ background: #2270da;}
.message .form-group.full {float: none;width: auto;}
.message .form-tips {text-align: center;color: #666;margin-top: 10px;}
.message .form-tips span {color: red;}
.yzm-box {position: relative;}
.yzm-box .yzm-pic {position: absolute;right: 2px;top: 2px;height: 30px;line-height: 30px;}

/* ny news list */
.nyyc .news_list li{ padding: 30px; height: 191px; border: 1px solid #efefef; position: relative; cursor: pointer; margin-bottom: 30px;}
.nyyc .news_list .newsimg{ display: inline-block; width: 200px; height: 130px; overflow: hidden;}
.nyyc .news_list .newsimg img{ width: 100%; height: 100%; object-fit: cover;}
.nyyc .news_list .newsnr{ position: absolute; left: 250px; top: 30px; right: 0; overflow: hidden;}
.nyyc .news_list .newsnr .info{ float: left; width: 94%; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.nyyc .news_list .newsnr .info a{ display: block; padding: 0px 0 20px; font-size: 17px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nyyc .news_list .newsnr .info p{ margin-bottom: 10px; color: #666;}
.nyyc .news_list .newsnr .info p i{ margin-right: 5px; color: #003f94;}
.nyyc .news_list .newsnr .info p i:last-child{ margin-left: 15px;}
.nyyc .news_list .newsnr .info h5{ font-size: 13px; line-height: 2; display: -webkit-box; color: #999; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyyc .news_list li:hover .newsnr .info { -webkit-transform: translateX(3%); transform: translateX(3%); }
.nyyc .news_list li:hover .newsnr .info a{ color: #003f94; }

/* ny news content */
.news-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.news-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.news-nr .title p span{ padding: 5px 10px; color: #c1c1c1; font-size: 12px;}
.news-nr .nrxq{ padding: 20px;}
.news-nr .nrxq .key{ background: #F8F8F8; line-height: 30px;}
.news-nr .nrxq .key i{ font-size: 14px; padding: 0 5px;}
.news-nr .nrxq .key a{ padding-right: 10px;}

/* ny imglist */
.img_list ul{ width: 102%;}
.img_list ul li{ float: left; width: 32%; border: 1px solid #ededed; margin-right: 1%; margin-bottom: 20px; transition: transform ease-in-out .5s; webkit-transition: transform ease-in-out .5s;}
.img_list ul li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px);}
.img_list ul li .imgdw{ position: relative; width: 100%; height: 190px; padding: 5px; overflow: hidden;}
.img_list ul li .imgdw img{ width: 100%; height: 100%; object-fit: contain;}
.img_list ul li .imgtt{ line-height: 50px; padding: 0 20px; background: #f9f9f9; color: #555; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.img_list ul li .imgtt{ -webkit-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.img_list ul li .imgdw:after{ content: '';  position: absolute; width: 0; height: 0; top: 0; left: 0; transition: all ease .3s; background: rgba(54,44,28,.4) url(../image/link.png) no-repeat center/40px; z-index: 9;}
.img_list ul li:hover .imgdw:after { width: 100%; height: 100%;}
.img_list ul li:hover .imgtt{ background: #003f94; color: #fff;}

/* ny img content */
.img-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.img-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.img-nr .nrxq{ padding: 20px;}
.img-nr .nrxq center{ margin: 10px 0;}
.img-nr .nrxq center img{ max-width: 800px;}

/* ny product list */
.prot li{ float: left; width: 33.33%;margin-bottom: 30px; background-color: #fff; overflow: hidden;}
.prot li a{ display: block; position: relative; margin: 0 2%; height: 300px; margin: 0 1%; overflow: hidden;}
.prot li .imgdw{ position: relative; width: 100%; height: 220px; border: 1px solid #eee; overflow: hidden;}
.prot li .imgdw::before{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5) url(../image/ss.png) no-repeat center center; transform: scale(0,0); -webkit-transform: scale(0,0); transition: all ease .6s; -webkit-transition: all ease .6s; z-index: 999;}
.prot li:hover .imgdw::before{transform: scale(1,1);-webkit-transform: scale(1,1);}
.prot li .imgdw img{ width: 100%; height: 100%; object-fit:cover; transition: all 0.6s;}
.prot li .imgdw img:hover{ transform: scale(1.2);}
.prot li .imgtt{ width: 100%; height: 60px; padding: 0 50px 0 10px; border: 1px solid #eee; border-top: 0; position: relative; left: 0; bottom: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: #fff;}
.prot li .imgtt::after{ content: ''; display: block; width: 0; height: 4px; background-color: #003f94; position: absolute; right: 0; bottom: -2px; transition: all cubic-bezier(0.42, 0, 0.58, 1) .3s;}
.prot li .imgtt p{ line-height: 60px; font-size: 15px; color: #555; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prot li i{ width: 30px; height: 30px; line-height: 30px; position: absolute; top: 50%; right: 10px; font-weight: bold; -webkit-transition: all .3s ease; transition: all .3s ease; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.prot li i::before { content: "＋"; display: inline-block; font-size: 30px; color: #cdcdcd; -webkit-transition: all .3s ease; transition: all .3s ease;}
.prot li:hover .imgtt::after{	right: auto; left: 0; width: 100%;}
.prot li:hover i{border-color: transparent}
.prot li:hover i::before{ color: #003f94; transform: rotate(360deg); -webkit-transform: rotate(360deg);}

/* ny product content */
.prot-nr{ margin: 0 20px;}
.prot-nr .title{ text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-top: 30px;}
.prot-nr .title h2{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 10px;}
.prot-nr .nrxq{ padding: 20px;}
.prot-nr .nrxq center img{ max-width: 800px;}
.prot-nr .nrxq .prott{ border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}
.prot-nr .nrxq .prott p{ text-indent: 2em;}
.prot-nr .nrxq .nycontent p img{ margin-right: 2em;}

/* ny case */
.nycase{ margin: 60px 0;}
.nycase ul{ width: 100%;}
.nycase ul li{ width: 400px; overflow: hidden;}
.nycase ul li img{ float: left; width: 400px; height: 300px;}
.nycase ul li div{ float: left; width: 400px; height: 300px; background: #e55461; padding: 30px 20px;}
.nycase ul li div p{ font-size: 14px; color: #fff; line-height: 240%;}
.nycase .more{ text-align: center; margin: 50px 0;}
.nycase .more a{ display: inline-block; background: #ececec; width: 158px; line-height: 42px; text-align: center;}
.nycase .more a:hover{ background: #4199dd; color: #fff;}

/* fanye */
#pages{ width: 100%; text-align: center; line-height: 22px; padding-top: 20px; clear:both;}
#pages a, #page span{ display: inline-block; background: #f5f5f5; border: #ddd solid 1px; padding: 2px 8px; margin: 2px;}
#pages .page-num-current{ background: #003f94; color: #fff;}
#newBridge .icon-right-center{ top: 25%!important;}